.base-card {
  background: #fff;
  border-radius: @border-radius-base;
  box-shadow: @box-shadow-base;
  transition: all 0.3s;

  &:hover {
    box-shadow: @box-shadow-hover;
  }

  .ant-card-head {
    padding: @padding-md @padding-lg;
    border-bottom: 1px solid #f0f0f0;
    background: linear-gradient(to right, rgba(24, 144, 255, 0.05), transparent);

    .ant-card-head-title {
      font-size: 16px;
      font-weight: 600;
      color: @text-color;
    }
  }

  .ant-card-body {
    padding: @padding-lg;
  }
}

.base-table {
  :global {
    .ant-table-thead > tr > th {
      background: #fafafa;
      font-weight: 500;
      padding: @padding-md;
    }

    .ant-table-tbody > tr > td {
      padding: @padding-md;
    }

    .ant-table-row:hover {
      td {
        background: rgba(24, 144, 255, 0.05);
      }
    }
  }
} 